<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<title>分享页面</title>
		<script type="text/javascript">
			var docEl = document.documentElement,
				//当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时，
				//注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。
				//总来的来就是监听当然窗口的变化，一旦有变化就需要重新设置根字体的值
				resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
				recalc = function() {
					//设置根字体大小
					var maxWidth = 750
					var cw = docEl.clientWidth > maxWidth ? maxWidth : docEl.clientWidth
					docEl.style.fontSize = 100 * (cw / 375) + 'px';
				};

			//绑定浏览器缩放与加载时间
			window.addEventListener(resizeEvt, recalc, false);
			document.addEventListener('DOMContentLoaded', recalc, false);
		</script>
	</head>

	<body>
		<div class="bq_sharePage">
			<img src="img/share1.png" />
			<div class="bq_shareInfo">
				<div class="bq_shareInfoImg">

				</div>
				<div class="bq_shareInfoTxt">
					<p>我已抵达<span class="bq_coutry">非洲</span></p>
					<p>请帮我点亮，继续前行</p>
				</div>
			</div>
			<div class="bq_shareMap">
				<img src="img/feizhouMap.png"  class="bq_shareMapC"/>
			</div>
			<div class="bq_shareBtn">

			</div>
			
			<div class="bq_shareImg">

			</div>
			<div class="bq_shareList">
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				<div class="bq_shareSub bq_shareSub01">
					<div class="bq_shareSubImg">
						<img src="" />
					</div>
					<div class="bq_shareSubName">
						用户名
					</div>
					<div class="bq_shareSubTime">
						2018.12.31
					</div>
				</div>
				
			</div>
			<div class="bq_shareMark">
			<img src="img/markper.png" class="bg_shareImg"/>
		</div>
		
		</div>
		
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/share.js" type="text/javascript" charset="utf-8"></script>
			<!-- 微信分享-->
		<!--<script type="text/javascript" desc="微信自定义分享代码">
			$(function() {
				//alert(document.URL);
				// 为保持后台校验一致性，使用document.URL
				var link = encodeURIComponent(document.URL.split('#')[0]);
				// 使用当前URL，不要使用document.URL
				//var recommendCode = getQueryString('recommendCode');
				var url = "";
				var title = "不期旅行";
				var desc = "不期旅行";
				var imgUrl = "https://static1.niwodai.com/cms/image/c689ee9e-8e71-4f10-b470-3df98fd1ec87.png";
				var jsAPITicket = jsAPITicket || {};
				$.ajax({
					type: "post",
					url: "", //取得通用微信JSAPI授权 
					dataType: "json",
					data: {
						requestURL: link
					},
					async: false, //必须同步 
					contentType: "application/x-www-form-urlencoded; charset=UTF-8",
					success: function(data) {
						if(data != undefined) {
							jsAPITicket = data;
							wx.config({
								debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 
								appId: jsAPITicket.appId, // 必填，公众号的唯一标识 
								timestamp: jsAPITicket.timestamp, // 必填，生成签名的时间戳 
								nonceStr: jsAPITicket.nonceStr, // 必填，生成签名的随机串 
								signature: jsAPITicket.signature, // 必填，签名 
								jsApiList: [ // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 
									'checkJsApi',
									'onMenuShareAppMessage',
									'onMenuShareTimeline'
								]
							});
						}
					},
					complete: function(res) {

					}
				});
				wx.ready(function() {
					// 2.1 监听“分享给朋友”，按钮点击、自定义分享内容及分享结果接口 
					wx.onMenuShareAppMessage({
						title: title,
						desc: desc,
						link: url,
						imgUrl: imgUrl,
						trigger: function(res) {
							//alert('用户点击发送给朋友');
						},
						success: function(res) {
							shareNum();
							checkNum();
							//alert('已分享');
							//updateStatus();
						},
						cancel: function(res) {
							//alert('已取消');
						},
						fail: function(res) {
							//alert(JSON.stringify(res));
						}
					});
					// 2.2 监听“分享到朋友圈”按钮点击、自定义分享内容及分享结果接口
					wx.onMenuShareTimeline({
						title: title,
						desc: desc,
						link: url,
						imgUrl: imgUrl,
						trigger: function(res) {
							//alert('用户点击分享到朋友圈');
						},
						success: function(res) {
							alert('已分享');
							shareNum();
							checkNum();
							//alert('已分享');
							//updateStatus();
						},
						cancel: function(res) {
							//alert('已取消');
						},
						fail: function(res) {
							//alert(JSON.stringify(res));
						}
					});
				}); //wx.ready end
				wx.error(function(res) {

				});

			});
		</script>-->
	</body>

</html>